﻿/*!
 * =====================================================
 * CY v1.0.0 (Email:g1079832313@163.com)
 * =====================================================
 */

/*! bass.css v1.0.0 | gjb */
@charset "utf-8"; 
/*1 重定义浏览器默认样式*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
input[type=color], 
input[type=date], 
input[type=datetime-local], 
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=time], 
input[type=url], 
input[type=week], 
select, 
textarea {
    width: 100%;
    -webkit-appearance: none;
    padding: .5rem 0;
    margin-bottom: 15px;
    line-height: 1.2rem;
    -webkit-user-select: text;
    background-color: transparent;
    border: 1px solid #32b09f;
    border-radius: 3px;
    outline: 0;
}
.fs22{ font-size:22px;}
body{font-size: .8rem;}
input,select,textarea{color:#555;background-color: transparent;border: solid 1px #32b09f;}
body{line-height:1.6;background-color: #befff6;background: -moz-linear-gradient(left,#ace,#f96);/*Mozilla*/background: -webkit-gradient(linear,0 50%,100% 50%,from(#befff6),to(#befff6));/*Old gradient for webkit*/background: -webkit-linear-gradient(left,#befff6,#ffffff,#befff6);/*new gradient for Webkit*/background: -o-linear-gradient(left,#befff6,#ffffff,#befff6); /*Opera11*/}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;}
a:hover{text-decoration:underline;}
a.ie6:hover{zoom:1}
a,
a:focus,
a:hover,
a:active{ outline:none; color: #333; text-decoration:none;}
a.btn,
a.btn:hover,
a.btn:active{color: #FF6725;}
sub,sup{vertical-align:baseline}
textarea { resize: none;}
.fl{ float: left; }
.fr{ float: right; }
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

/*清楚浮动
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/**/
.setBg-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #efeff4;
    z-index: -1;
}
.setBg-box1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #EA0C1F;
    z-index: -1;
}
.header_bg{background-color: #3ec7b4 !important;background: #3bc1af;background: -moz-linear-gradient(top,#46d9c4,#269688);background: -webkit-gradient(linear,0 0,0 bottom,from(#46d9c4),to(#269688));background: -o-linear-gradient(top,#46d9c4,#269688);}
/* header */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}
header .header{min-height: 2.5rem;line-height: 2.5rem;background-color: #F52D41;position: relative;z-index: 999;}
header h1{color: #fff; text-align: center; font-size: 0.8rem; font-weight: normal;}
header h1 i{font-size: 1.5rem; position: absolute; left: .2rem; top: 0px; color: rgba(255,255,230,1);}


.logo{position: absolute;height: 2.5rem; line-height: 2.5rem; left: 0;top: 0;cursor: pointer;padding: 0 .4rem;}
.logo img{width: 145px;height: 45px;}
.return{position: absolute;height: 2.5rem;line-height: 2.5rem;left: 0;top: -3px;cursor: pointer;padding: 0 .4rem;color: rgba(255,255,255,1);background: transparent;font-size: 1.2rem;}
.return:active{ color: #fff; }

.share{position: absolute;height: 2.5rem;line-height: 2.5rem;right: 0;top: -4px;cursor: pointer;padding: 0 .4rem;color: rgba(255,255,255,1);background: transparent;font-size: 1.2rem;}
.user_name{ position:absolute; right:10px; color:#fff;}
/*footer*/
/** 底部导航菜单**/
 .nav-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
    box-shadow: 0 0 1px rgba(0,0,0,.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.nav-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    background-color: #fff;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none;
    background-color: #befff6;
    background: -moz-linear-gradient(left,#1a8c7c,#38c7b6,#1a8c7c);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#38c7b6),to(#1a8c7c));
    background: -webkit-linear-gradient(left,#1a8c7c,#38c7b6,#1a8c7c);
    background: -o-linear-gradient(left,#1a8c7c,#38c7b6,#1a8c7c);
}
.nav-bar-tab .nav-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 3.2rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ffffff;
    text-decoration: none;
}
.nav-bar-tab .nav-tab-item.nav-active {color: #fcfb5f;}
.nav-bar .nav-icon {
    font-size: 24px;
    position: relative;
    z-index: 20;
    padding-top: 10px; 
    padding-bottom: 10px;
}
.nav-bar-tab .nav-tab-item .nav-icon {
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.nav-bar-tab .nav-tab-item .nav-icon~.nav-tab-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .7rem;
}
.nav-icon .nav-badge {
    font-size: .65rem;
    line-height: 1rem;
    position: absolute;
    top: -2px;
    left: 100%;
    margin-left: -10px;
    color: #fff;
    background-color: red;
    border-radius: 1rem;
    min-width: .6rem;
    height: 1rem;
    text-align: center;
    padding: 0 .2rem;
}
/**/
.cblack{color: #fb4e1d !important;}
.cred{color:#F00;font-size: 14px;}
.cgreen{color:#090;}
img{width: 100%;vertical-align: middle;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs15{ font-size:15px;}
.fs18{ font-size:18px;}
.fs25{ font-size:25px;}
.p10{ padding:10px;}
.mr5{ margin-right:5px;}
.text-center{ text-align:center}
.text-right{ text-align:right;}
span.icon-uniE918{ color: #60abff; }
/*按钮颜色*/
.btn-green{ background-color: #00cc00; }
.btn-red{background-color: #fc591e !important;}
.btn-b{ background-color: #60abff; }
.btn-white{ background-color:#fff !important;}
.btn-forbidden{background-color: #ccc; }
.btn-upgrade{ background-color: #FC605A; }
.btn-set{background-color: #F90;}
/*按钮*/
.btn{
	padding: .4rem;
	border-radius: 5px;
	border: initial;
	background-color: #ff4e00;
	color: #fff;
	margin-right: 0px;
	font-size: .75rem;
	background: #FC605A;
	background: -webkit-linear-gradient(left, #FD7847, #fc591e);
	background: 
	-o-linear-gradient(left, #FD7847, #FC434A);
	border-radius: 60px;
}
.cy-btn{
    width: 90%;
    margin: 1.3rem 5% 0.8rem 5%;
    line-height: 1.5rem;
    background-color: #00cc00;
}
.btn-max{
    display: inherit;
    margin: .8rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: .8rem;
}

 /*清理掉浏览器自带填充的背景和文字样式*/
:root input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    box-shadow: 0 0 50px 50px #c1fff6 inset;/*阴影大小等于input框宽度一半 颜色与input框宽度一样 暂时无法解决input框使用背景图片问题*/
    -webkit-text-fill-color: #000000;/*颜色与input框文字颜色一致*/
}






/*-- 默认Android -------------------------------------------*/
html{font-size: 20px;}
html{width:100%; height:100%;}
body{width:100%; height:100%;}



@media only screen and (max-width:320px){
	html{font-size: 17.5px !important;}
}

/*-- 兼容iphone4/4s -------------------------------------------*/
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
	html{font-size: 18px;}
	header .header{top: initial !important;}
}


/*-- 兼容iphone5 -----------------------------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
	html{font-size: 20px;}
	header .header{top: initial !important;}
}


/*-- 兼容iphone 6 --------------------------------------------*/
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){
	html{font-size: 20px;}
	header .header{top: initial !important;}
	.D-BuyNum input{top: 0 !important;}
	.cartContentList .D-BuyNum button{line-height: 1.15rem;}
}


/*-- 兼容iphone6 plus --------------------------------------------*/
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){
	html{font-size: 23px;}
	header .header{top: initial !important;}
}


/*-- 兼容 iPad 3 & 4 ------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	html{font-size: 30px;}
	header .header{top: initial !important;}
	.order-Address dl dt i{font-size: .8rem;}
	menu i.icon-cart span{right: 23%;}
}


.weui_uploader_input_wrp {
    float: left;
    position: relative;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 77px;
    height: 77px;
    border: 1px solid #32b09f !important;
}
.weui_uploader_input_wrp:before, .weui_uploader_input_wrp:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #32b09f !important;
}



